<template>
  <div class="container">
    <div class="header">
       <div class="header-logo">
        <img :src="index_advertising" alt=""/>
      </div>
      <!-- <div class="header-text">康丽莱服务平台</div>  -->
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
import { mapState } from "vuex";

export default {
  computed: {
    ...mapState({
      logo: state => state.app.logo,
      name: state => state.app.name,
      index_advertising: state => state.app.index_advertising
    })
  }
};
</script>

<style lang="less" scoped>
.container {
  background: #fff;

  .header {
    width: 100%;
    background: #017df5;
    overflow: hidden;
    // background-image: url('https://zhixiu-picture.oss-cn-shanghai.aliyuncs.com/dbbd33393547104fd392765484a0f7ac5b620ee2.jpg');
    // background-image: url('../../assets/kll/login_banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    // background-position: 0 4.4rem;

    .header-logo {
      width: 100%;
      border-radius: 0.12rem;
      background: none;
      overflow: hidden;

      img {
        width: 100%;
        vertical-align: top;
      }
    }

    .header-text {
      font-size: 0.72rem;
      font-family: "PingFang-SC-Bold";
      font-weight: bold;
      color: rgba(255, 255, 255, 1);
      text-align: center;
      line-height: 0.64rem;
    }
  }
}
</style>
